<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="/header.jsp" %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function ttt(){
	alert('fadga');}
  $(function(){
      var pager = $('#datagridtable').datagrid().datagrid('getPager');
		pager.pagination({
			buttons:[{
				iconCls:'icon-add',
				text:'增加',
				handler:function(){
					  myDialog({src:"${base}user/testEdit",width:800,height:500,callBack:ttt});
				}
			},{
				iconCls:'icon-edit',
				text:'编辑',
				handler:function(){
					alert('edit');
				}
			},{
				iconCls:'icon-remove',
				text:'删除',
				handler:function(){
					alert('edit');
				}
				}]
		});     
});
</script>
</head>
<body>
   <div id="toolbar"  style="padding:5px 5px;position:relative;">
	<form action="" >
	<div>
	  Date From: <input class="easyui-datebox" style="width:110px">
		To: <input class="easyui-datebox" style="width:110px">
		Language: 
		<select class="easyui-combobox" panelHeight="auto" style="width:100px">
			<option value="java">Java</option>
			<option value="c">C</option>
			<option value="basic">Basic</option>
			<option value="perl">Perl</option>
			<option value="python">Python</option>
		</select>
		<a href="#" class="easyui-linkbutton" iconCls="icon-search" style="float:right;margin:0px 5px;" >查询</a>
		<a  class="easyui-linkbutton" style="position:absolute;bottom:-10px;left:45%;" iconCls="icon-section-collapsed" id="conditBtn"></a>
		</div>
		<div  style="width:100%;padding:5px 0px 0px 0px;display:none;" id="conditDiv">
			  Date From: <input class="easyui-datebox" style="width:110px">
		To: <input class="easyui-datebox" style="width:110px">
		Language: 
		<select class="easyui-combobox" panelHeight="auto" style="width:100px">
			<option value="java">Java</option>
			<option value="c">C</option>
			<option value="basic">Basic</option>
			<option value="perl">Perl</option>
			<option value="python">Python</option>
		</select>
		</div>
		</form>
	</div>
	<!-- <div id="ft" style="padding:2px 5px;">
		<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" id="addBtn">增加</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true">保存</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true">剪切</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
	</div> -->
	  <table id="datagridtable" class="easyui-datagrid" style="width:700px;height:350px" fit="true"
			data-options="singleSelect:false,collapsible:false,url:'${base}user/test?myPage.params.name=1&myPage.params.pwd=2',method:'post',pagination:true,toolbar:'#toolbar',
				pageSize:20,multiSort:true,rownumbers:true,border:false,idField:'id'">
		<thead>
			<tr>
			     <th data-options="field:'id',checkbox:true"></th>
				<th data-options="field:'userName',width:120,sortable:true">用户名</th>
				<th data-options="field:'password',width:150,sortable:true">密码</th>
				<th data-options="field:'email',width:348,sortable:true">邮箱</th>
			</tr>
		</thead>
	</table>
</body>
</html>